<template>
  <div style="display: flex; justify-content: center; align-items: center; height: 50vh;">
      <div class="loader"></div>
      <h1>欢迎使用体育场馆在线售票管理信息系统</h1>
  </div>
</template>

<script setup>
  import request from "@/utils/request";
  const user = JSON.parse(localStorage.getItem('student-user') || '{}')
</script>
<style>
.loader {
width: 100px;
aspect-ratio: 1;
padding: 10px;
box-sizing: border-box;
display: grid;
background: #fff;
filter: blur(3px) contrast(7) hue-rotate(290deg);
mix-blend-mode: darken;
}
.loader:before{
content: "";
margin: auto;
width: 30px;
height: 30px;
border-radius: 50%;
color: #ff0000;
background: currentColor;
box-shadow: -30px 0,30px 0,0 30px, 0 -30px;
animation: l6 1s infinite alternate;
}
@keyframes l6{
90%,100% {box-shadow: -10px 0,10px 0,0 10px, 0 -10px;transform: rotate(180deg)}
}
</style>